<script setup lang="ts">
import { ref, onMounted, nextTick } from "vue";

import TEngine from "./utils/TEngine";

const threeTargetRef = ref(null);

onMounted(() => {
  nextTick(() => {
    const tEngine = new TEngine(threeTargetRef.value!);
  });
});
</script>

<template>
  <div class="three-canvas" ref="threeTargetRef"></div>
</template>

<style>
.three-canvas {
  width: 100vw;
  height: 100vh;
}
</style>
